import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import { resolve } from 'path'
import libCss from 'vite-plugin-libcss';

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [react(), libCss()],
    build: {
        lib: {
            entry: resolve('src', 'main.tsx'),
            name: 'scroll-navbar',
            // formats: ['es'],
            fileName: 'index',
            // fileName: (format) => `callduck-design.${format}.js`,
        },
        rollupOptions: {
            // 确保外部化处理那些你不想打包进库的依赖
            external: ['react', 'react-dom'],
            output: {
                // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
                globals: {
                    react: 'React',
                },
            },
        },
        outDir: 'lib/dist',
    },
    css: {
        preprocessorOptions: {
            less: {
                javascriptEnabled: true,
                additionalData: '@import "./src/assets/index.less";',
            },
        },
    },
})
